﻿
<!-- /PAGE HEADER -->
<!-- FORMS -->
<div class="row">
	<div class="col-md-12">
		<div class="row">
			<div class="col-md-6">
				<!-- BASIC -->
				<div class="box border orange">
					<div class="box-title">
						<h4><i class="fa fa-bars"></i>新闻编辑</h4>
						<div class="tools hidden-xs">
							<a href="#box-config" data-toggle="modal" class="config">
								<i class="fa fa-cog"></i>
							</a>
							<a href="javascript:;" class="reload">
								<i class="fa fa-refresh"></i>
							</a>
							<a href="javascript:;" class="collapse">
								<i class="fa fa-chevron-up"></i>
							</a>
							<a href="javascript:;" class="remove">
								<i class="fa fa-times"></i>
							</a>
						</div>
					</div>
					<div class="box-body big">
						<form class="form-horizontal" enctype="multipart/form-data" action="" method="post" role="form">

						  <div class="form-group">
							<label for="inputEmail3" class="col-sm-2 control-label">新闻标题</label>
							<div class="col-sm-10">
							  <input type="text" name="title" class="form-control" id="inputEmail3" placeholder="请输入标题" value="<?php echo $data['title']?>">
							</div>
						  </div>


						<!--   <div class="form-group">
						 <label class="col-md-2 control-label">图片</label>
						 <div class="col-md-10">
             				 <input type="file" name="file[]"  multiple value="<?php echo $data['url']?>" class="form-control" id="pictu">
						<span class="prompt_pictu">请选择图片</span>
						 </div>
					  </div> -->


						<div class="form-group">
							<label class="col-sm-2 control-label">新闻类型</label>
							<div class="col-sm-5 list">

								<?php foreach($cate as $key=>$v){?>
							 <select class="form-control select_cate" name="cate_id">
							<!-- 顶级分类显示判断 -->
							<?php if($v[0]['pid']==0) {?>
							  <option value="0">顶级分类</option>
							<?php }?>
								<?php foreach($v as $k=>$ve){?>
									<!-- 上一级只输出一次 -->
									<!-- $k指的是下一子级的下标 -->
									<?php if($k==0 and $v[0]['pid']!=0) {?>
									  <option value="<?php echo $ve['pid']?>">上一级</option>
									<?php }?>
								<option <?php echo ($ve['id']==$key)?'selected':''?>
								 value="<?php echo $ve['id']?>"><?php echo $ve['name']?></option>
								<?php }?>
							</select>
							<?php }?>
							</div>
						  </div>


						<div class="form-group">
						 <label class="col-md-2 control-label">新闻图片</label>
						 <div class="col-md-10">
							<input type="file" name="file[]"  multiple  class="form-control" id="inputPassword3" placeholder="请选择图片">
						 </div>
					  </div>

						 <div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label">新闻作者</label>
							<div class="col-sm-10">
							  <input type="text" disabled  class="form-control" id="inputPassword3" placeholder="请输入作者" value="<?php echo $data['author']?>">
							</div>
						  </div>

						<div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label">新闻内容</label>
							<div class="col-sm-10">
							  <textarea name="content" cols="40" rows="10"><?php echo $data['content']?></textarea>
							</div>
						  </div>

						  <div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
							  <button type="submit" class="btn btn-pink">提交</button>
							</div>
						  </div>
						</form>

					</div>
				</div>
				<!-- /BASIC -->
				<!-- BASIC -->

				<!-- /BASIC -->
			</div>

		</div>

	</div>
		<!-- /SAMPLE -->
</div>
<script src="resources/admin/js/jquery/jquery-2.0.3.min.js"></script>
<script  type="text/javascript"r>
	$(function(){
		// $('.select_cate').change(function() {
		$('.list').on('change','.select_cate',function() {

			//删除当前操作之后的所有select标签
			$(this).nextAll().remove();

			//选中的是上一级则终止程序执行 怎么知道？
			//alert($(this).find('option:selected').text());//获取选中项的值是否等于上一级
			//alert($(this).get(0).selectedIndex);//根据选中项的下标来知道是否选中了上一级

			// if ($(this).get(0).selectedIndex==0) {//$(this).get(0).selectedIndex==0说明现在操作的是第一个选项
			// 	return false;
			// }

			//选中项的id值
			var id=$(this).val();

			//通过ajax获取选中项的子级数据
			//ajax在页面不实现跳转和刷新，将前台的数据传递到后台程序
			$.ajax({
				type:'get',//提交方式
				url:'index.php?admin=1&c=cate&a=add&id='+id,//路径,因为add那里已经有查询了，所以直接去add里面查询
				dataType:'json',
				success:function(json){
					//将程序返回的子级数据显示在下拉列表中
					var html='';
					html+='<select class="form-control" name="cate_id">';
						html+='<option value="'+id+'">上一级</option>';
						for (i in json) {
							html+='<option value="'+json[i].id+'">'+json[i].name+'</option>';
						}
					html+='</select>';
					//将新的下拉列表追加在原来的下拉列表后面
					$('.list').append(html);

				}
			})

		})
	})



</script>


